import { Button, Modal } from 'antd';
import React, { useState } from 'react';
import SoftList from "./SoftList";
const ModalButton = () => {
    const [open, setOpen] = useState(false);
    return (
        <>
            <Button type="primary" onClick={() => setOpen(true)}>
                Open Modal of 1000px width
            </Button>
            <Modal
                title="Modal 1000px width"
                centered
                open={open}
                onOk={() => setOpen(false)}
                onCancel={() => setOpen(false)}
                width={1000}
            >
                <p>some contents...</p>
                <p>some contents...</p>
                <p>some contents...</p>
                <SoftList />
            </Modal>
        </>
    );
};
export default ModalButton;